<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Clínica Riobamba</title>
        <h:outputStylesheet name="./css/default.css"/>
        <style type="text/css">
            .ui-layout-north .ui-layout-unit-content {
                overflow: visible !important;    
            }
            .ui-layout-south .ui-layout-unit-content  {
                
                overflow: visible !important;    
            }


        </style>

    </h:head>

    <h:body  style="margin: 0px 200px; background-color:#eff9fc">
        <p:layout fullPage="false"  style="height:98%">
            <p:layoutUnit position="north" >
            <ui:insert name="top">
                <h:form>
                    <p:commandLink id="CerrarSesion"  style=" float:right; margin-left: 10px " actionListener="#{loginController.cierre(actionEvent)}">  
                                <h:outputText value="Cerrar Sesion" />  
                 </p:commandLink>  
                 <h:outputText value="#{loginController.nombre} #{loginController.apellido}" style=" float:right; margin-left: 5px "/>
                 <b>  <h:outputText value="Usuario:" style=" float:right"/> </b>
               
               
               
                </h:form>
                           
                <center> <p:graphicImage value="/resources/images/banner_1.jpg" style="width: 100%"/> </center>
                
            </ui:insert>
            </p:layoutUnit>

            <p:layoutUnit position="center" >
                <ui:insert name="contentS" >Content</ui:insert>
            </p:layoutUnit>

            <p:layoutUnit  position="west" size="200" collapsible="true" header="Menú" >
                <ui:insert name="left" >
                    
                     <h:form>
                    <p:accordionPanel>
                        <p:tab title="Historia Clínica" >
                           
                           <h:outputLink id="Creacion"  style="margin-left:10px;" value="./HCE_Creacion.xhtml">  
                                <h:outputText value="Crear HCE" />  
                            </h:outputLink>
                        
                            <br />  <br />
                            <h:outputLink id="Modificacion" style="margin-left:10px;"
                                        value="./HCE_Ingreso.xhtml" >  
                                <h:outputText value="Ingresar Visita" />  
                            </h:outputLink>
                        </p:tab>

                        <p:tab title="Medicamentos">
                            <h:outputLink id="Medicamentos"  style="margin-left:10px;" value="./Administrar_Medicamento.xhtml">  
                                <h:outputText value="Administrar" />  
                            </h:outputLink>
                        </p:tab>
                        <p:tab title="Examenes">
                            <h:outputLink id="Examen"  style="margin-left:10px;" value="./Administrar_Examen.xhtml">  
                                <h:outputText value="Administrar" />  
                            </h:outputLink>
                        </p:tab>
                        <p:tab title="Servicios Online">
                            <h:outputLink id="VisualizarR"  style="margin-left:10px;" value="./Servicios_Online.xhtml">  
                                <h:outputText value="Visualizar" />  
                            </h:outputLink>
                        </p:tab>
                        
                        <p:tab title="Información General">
                            <h:outputLink id="Info"  style="margin-left:10px;" value="./Visualizar_Organizacion.xhtml">  
                                <h:outputText value="Organización" />  
                            </h:outputLink>
                        </p:tab>
                    </p:accordionPanel>
                </h:form>

                    
                </ui:insert>
            </p:layoutUnit>
             <p:layoutUnit position="south" >
                <h:form>
                    <h:outputText  value="Dirección: Av. Unidad Nacional y Uruguay  | Telf: (593) (3) 2961386" style="font-size: 10px; float: right"/>

                </h:form>
            </p:layoutUnit>

        </p:layout>  
        <ui:insert name="dialogos">
            
        </ui:insert>
    </h:body>
</html>
